export default {
    data() {
        return {
            friendDetailList: [
                {
                    title: "设置备注和标签",
                    des:"",
                    flag:true,
                },
                {
                    title: "朋友权限",
                    des:"",
                    flag:true,
                },
                {
                    title: "电话号码",
                    des:'',
                    flag:false,
                },
                {
                    title: "朋友圈",
                    des:"",
                    flag:false,
                },
            ],
            sendList: [
                {
                    src: "img/微信消息.png",
                    des:"发消息"
                },
                {
                    src: "img/视频通话.png",
                    des:"音视频通话"
                },
            ]
        }
    },

    template: `
  
        <div class="friends">
            <div class="header">
                <div @click="back">
                    <img src="./img/arrow-left-bold.png" alt="">
                </div>
                <div class="header-icon">
                    <img src="./img/elipsis.png" alt="">
                </div>
            </div>

            <div class="content">
                <div class="content-left">
                    <img :src="$route.query.img" alt="">
                </div>
                <div class="content-right">
                    <h3 class="name">{{$route.query.name}}</h3>
                    <div class="nick">昵称:{{$route.query.wx}}</div>
                    <div class="area">地区:{{$route.query.area}}</div>
                </div>
            </div>
            <div class="info" v-for="item in friendDetailList">
                <div class="left">{{item.title}}</div>
                <div class="right">{{item.des}}</div>
                <div v-if="item.flag">></div>
            </div>
            <div class="more">
                <div>更多信息</div>
                <div>></div>
            </div>

            <div class="tel" v-for="item in sendList">
                <img :src="item.src" alt="">
                <span>{{item.des}}</span>
            </div>
        </div>
  
    `,
    methods: {
        back() {
            this.$router.go(-1);
        }
    },
}